<!--
 * @Author: zi.yang
 * @Date: 2021-03-11 23:03:23
 * @LastEditors: zi.yang
 * @LastEditTime: 2021-03-12 21:26:33
 * @Description: In User Settings Edit
 * @FilePath: \vue-music\src\components\state\test-two.vue
-->
<template>
  <div>reactive 返回对象测试 ：{{ state.count }}</div>
</template>

<script>
import { reactive } from '@vue/composition-api';

export default {
  name: 'test-two',
  setup() {
    const state = reactive({
      count: 0,
    });

    setInterval(() => {
      state.count += 3;
    }, 1500);
    // 在 2020-09-18 日推出Vue3.0正式版之前，该方法可以表现出响应式
    return { state };
  },
};

</script>

<style scoped>
  div{
    color:green
  }
</style>
